#header {height:96px; color: #fff; background:url(../images/head_bg.jpg) no-repeat; }
#header a{ color: #ff6000;}
#header .logo{ display: block; margin: 0 35px; width: 180px; height: 90px; background:url(../images/logo.png) no-repeat;text-indent: -999em;}
#footer{ padding: 10px 0; border-top: none; background: #eee; }

.user{ margin-top:55px; padding:3px 5px 3px 3px; line-height: 29px; color:#404040; background: #fff; border-left: 1px solid #004f2b;}
.user .avatar{ margin-right: 2px; float: left; width: 26px; height: 26px; }
.user a{ padding: 0 5px;}
#content{ padding-left:200px;}
#nav{ float: left; display: block; margin-left: -200px; width: 200px; background: #eee; min-height:500px; }
#nav ul a{ display: block; font-size: 14px; height: 20px; line-height: 20px; color: #555; }
#nav .nav-a{ padding: 10px 15px 10px 0; border-bottom: 1px solid #eee; background: #dedede;}
#nav .nav-a:hover{ background: #dedede;}
#nav .nav-a .icon-nav{ display: block; float: left; margin: 0 8px 0; width: 16px; height: 20px; vertical-align: middle; }
#nav .nav-a span{ float: left; }
#nav .nav-a .left-arrow{ float: right; height: 20px; width: 14px; background: url(../images/icon.png) right -10px no-repeat;}
#nav .nav-a.curr{ color: #fff; background: #2490d1;}
#nav .nav-a.curr .left-arrow{ background:url(../images/icon.png) right 10px no-repeat;}
#nav .nav-item{ display: none; padding: 10px 0;}
#nav .nav-item a{ display: block; padding: 5px 0 5px 35px;}
#nav .nav-item a.curr{ border-left: 2px solid #2490d1; background: #adeaff;color:#0078af;}
#nav .nav-item a:hover{ color: #eb5305; background: #adeaff;}

#content .main{ padding: 10px 20px;}

/** mod **/
.cl-nor{ color: #F76920;}
.cl-ok{ color:#090; }
.fc-buy,
.as-doing { color:#f60;}
.fc-over,
.fc-able,
.as-pass { color:#090;}
.as-fail { color:#f00;}
.fc-money { color: #E53939;}
.btn-submit,
.btn-cancel{ margin-right: 10px; padding: 3px 20px; color: #555; font-weight: 700; border:none; background: #ddd; cursor: pointer;}
.btn-submit{ color: #fff; background: #eb5305; }

/** mod-title **/
.mod-title { height:30px; padding:10px 0; line-height:30px; background:url(../images/mod_bg.jpg) right center no-repeat;}
.mod-title h2 { display:inline-block; float:left; margin:0 10px; font:20px/30px '\5FAE\8F6F\96C5\9ED1', '\9ED1\4F53';}
.mod-title .oper{ margin-top: 2px;}
.mod-title .oper a{ margin-left:8px; padding:3px 9px; color: #08c; border:1px solid #C4DBE3; background:#F0F5F5;}
.mod-title .oper a:hover{ border-color:#08c; border-bottom-color:#069; background:#08c; color:#fff; text-decoration:none;}

/** mod-table **/
.mod-table{ margin-bottom: 20px;}
.mod-table .hd{ margin-bottom: 8px;}
.mod-table .hd .f14{ font-size: 15px;}
.mod-table .hd a{padding: 0 8px; color:#eb5305;}
.mod-table th{padding: 8px 10px; border-right: 1px solid #fff; text-align: center;}
.mod-table td{padding: 8px 10px; line-height: 22px; border-bottom: 1px solid #ddd; text-align: center;}
.mod-table th,
.mod-table .lab{ background: #e5e5e5;}
.mod-table a{ color: #08c;}
.mod-table .tl { padding-left: 20px; text-align:left;}
.mod-table .tr { text-align:right;}
.mod-table tr:hover .hidden{ display: block;}
.mod-table-double td{padding: 6px 10px; width: 21%; border: 1px solid #d5d5d5; text-align: left;}
.mod-table-double .lab{ width: 12%; text-align: right;}


/** mod-list **/
.mod-list{ margin-bottom: 10px; }
.mod-list .hd{ margin-bottom: 5px; padding-bottom: 8px; border-bottom: 2px solid #dcdcdc;}
.mod-list .hd a.fr:hover{ color: #fff; background: #F76920; }
.mod-list .hd span{ font-size: 15px; color: #666; }
.mod-list .item{ padding:10px 10px 10px 120px; overflow:hidden; zoom:1; line-height: 24px; border-bottom:1px solid #e5e5e5; }
.mod-list .item .lab{ margin-left: -120px; float: left; width: 110px; text-align: right; }
.mod-list .item.half{ float: left; width: 349px;}
.mod-list .item.third{ float: left; width: 189px;}
.mod-list .btn{ padding: 15px 0 15px 120px;}


/** mod-formlist **/
.mod-formlist { margin-bottom:20px;}
.mod-formlist li { padding:12px 0 12px 120px; overflow:hidden; zoom:1; border-bottom:1px dotted #e5e5e5; line-height:26px;}
.mod-formlist li.half { float:left; width:265px;}
.mod-formlist .lab { float:left; margin-left:-120px; display:inline-block; width:110px; text-align:right;}
.mod-formlist .lab em { color:#d00;}
.mod-formlist .txts,
.mod-formlist .txtl,
.mod-formlist .txt { padding:3px 4px; width:160px; height:25px; border:1px solid #ddd; border-color:#aaa #ddd #ddd #aaa; line-height:18px; border-radius:2px;}
.mod-formlist .txts { width:80px;height: 25px}
.mod-formlist .txtl { width:400px;height: 25px}
.mod-formlist .txta { padding:3px 4px; width:400px; height:100px; border:1px solid #ddd; border-color: #aaa #ddd #ddd #aaa; line-height:18px; vertical-align:top; border-radius:2px;}
.mod-formlist .sel{ padding:1px; height:24px; border:1px solid #ccc; border-color:#aaa #ddd #ddd #aaa; vertical-align:middle; border-radius:2px;}
.mod-formlist .fil { width:300px; height:24px; font-size:12px; line-height:24px; vertical-align:top; cursor:pointer;}
.mod-formlist .filpic img { margin-bottom:10px; display:block; padding:6px; border:1px solid #ddd; background:#fff;}
.mod-formlist .labf { margin-right:20px;}
.mod-formlist .rad,
.mod-formlist .che { margin-right:5px; position:relative; top:-2px; vertical-align:middle;}
.mod-formlist .hint { margin-left:10px; color:#999;}
.mod-formlist a.btn-sms { margin-left:10px; padding:0 10px; display:inline-block; height:24px; border:1px solid #C4DBE3; background:#f2f5f5; color:#08c; line-height:24px; cursor:pointer; vertical-align:top; border-radius:2px;}
.mod-formlist a.btn-sms:hover { border-color:#08c; background:#4ac; color:#fff; text-decoration:none;}
.mod-formlist input.btn-sms { margin-left:10px; padding:0 10px; height:26px; border:1px solid #C4DBE3; background:#f2f5f5; color:#08c; cursor:pointer; vertical-align:top; border-radius:2px;}
.mod-formlist .btn-cancel,
.mod-formlist .btn-smt,
.mod-formlist .btn-submit { margin-right:10px; padding:0 20px; height:28px; border:1px solid #06c; background:#08c; color:#fff; font-size:13px; font-weight:bold; vertical-align:middle; cursor:pointer; border-radius:2px;}
.mod-formlist .btn-cancel { border:1px solid #aaa; background:#e5e5e5; color:#404040; font-weight:normal;}
.mod-formlist a.btn-cancel,
.mod-formlist a.btn-cancel:hover { display:inline-block; height:26px; color:#404040; line-height:26px; vertical-align:middle; text-decoration:none; border-radius:2px;}
.input-hover { border-color:#8DB2FC !important;}
.mod-formlist .title{ margin:10px 0; padding-left:30px; font-size:14px; font-weight:bold; line-height:40px; background:#eee;}

.ui-dialog .mod-formlist { border: none;}
.ui-dialog .mod-formlist .txta{ width: 350px; height: 80px;}

/** search **/
.mod-search { margin-bottom:15px; padding-right:70px; border-top:1px solid #aaa; border-bottom:1px solid #ddd; background:#eee; overflow:hidden;}
.mod-search li { float:left; overflow:hidden; height:24px; padding:10px; border-bottom:1px solid #fff; line-height:24px;}
.mod-search .col1 { width:200px;}
.mod-search .col2 { width:360px;}
.mod-search .col2 { width:420px;}
.mod-search .lab { line-height:24px; vertical-align:middle;}
.mod-search .col1 .lab,
.mod-search .col2 .lab { float:left; width:60px; text-align:right;}
.mod-search .col3 .lab { float:left; width:120px; text-align:right;}
.mod-search .txt { padding:4px; width:120px; height:25px; border:1px solid #ccc; border-top-color:#999; line-height:14px; font-size:12px; vertical-align:middle; border-radius:2px;}
.mod-search .sel { padding:1px; height:24px; border:1px solid #ccc; border-top:1px solid #999; vertical-align:middle; border-radius:2px;}
.mod-search .mod-search-ft { float:right; display:inline; margin-right:-60px; padding-top:10px;}
.mod-search .mod-search-btn { width:60px; height:24px; border:1px solid #e24800; background:#eb5305; color:#fff; font-size:12px; font-weight:bold; vertical-align:middle; cursor:pointer; border-radius:2px;}


/** tabs **/
.mod-tabs { margin-bottom:10px; border-bottom:1px solid #ccc; height:30px; line-height:30px;}
.mod-tabs li { float:left; display:inline; margin-left:10px;}
.mod-tabs li a { display:inline-block; height:29px; padding:0 15px; border:1px solid #ccc; border-bottom:0 none; background:#f2f2f2; color:#666; line-height:29px;}
.mod-tabs li.curr a,
.mod-tabs li.curr a:hover { position:relative; border-top-color:#e53939; padding-bottom:1px; background:#fff; color:#404040; font-weight:bold; text-decoration:none;}


/** act-create **/
.act-create { position:relative; float:right; width:105px; text-align:center;}
.act-create .create-btn { display:block; height:22px; border:1px solid #C4DBE3; background:#F0F5F5; line-height:22px;}
.act-create .create-btn:hover,
.act-create .create-btn-hover { border:1px solid #08c; background:#08c; color:#fff; text-decoration:none;}
.act-create .create-list { position:absolute; top:24px; left:0; width:103px; border:1px solid #C4DBE3; border-top:0 none; background:#fff;}
.act-create .create-list dd a { display:block; height:25px; line-height:25px;}
.act-create .create-list dd a:hover { background:#eee; text-decoration:none;}


/** orderlist **/
.mod-order { text-align:center; word-break:break-all;}
.mod-order table { width:100%;}
.mod-order th { padding:8px; border-left:1px solid #fff; background:#e5e5e5; text-align: center;}
.mod-order td { padding:15px 5px; border-bottom:1px solid #e5e5e5; border-left:1px solid #fff; color:#666; text-align:center;}
.mod-order tbody tr:hover { background:#f2f2f2;}
.mod-order .row-null { padding:5px;}
.mod-order .no-record { padding:20px 0 30px; color:#999;}
.mod-order tfoot td { border-bottom-color:#eee;}
.mod-order .tl { padding-left: 20px; text-align:left;}
.mod-order .tr { text-align:right;}
.mod-order .oper a { padding:1px 4px; color: #08c; border-radius:2px;}
.mod-order .oper a:hover { background:#eb5305; color:#fff; text-decoration:none;}
.mod-order .oper a.move:hover { background:#e53939;}

.tb-cat .child{ padding-left: 50px; background: url(../images/icon-cat.png) 15px center no-repeat;}

/* oper */
.mod-oper a{ float: left; display: block; padding: 2px 10px; color: #f76920; border: 1px solid #ffcbb1; background: #fef3ee; font-family: Arial; }
.mod-oper a:hover{ color: #fff; background: #f76920;}

.progress { margin:20px 0;}
.progress .item { padding:10px 0 10px 180px; }
.progress .item .lab { float:left; display:inline-block; margin-left:-180px;  width:165px; font-size:14px; line-height: 40px;}
/* login */
#login{ margin:50px 0;}
#login .sidemain{ float:left; margin:0 60px;}
.loginform{ float:left; margin-top: 25px; width:355px; background:#fafafa; border:1px #ddd solid; box-shadow: 5px 5px 1px rgba(0, 0, 0, 0.16);} 
.loginform .hd{ padding-left:20px; border-bottom:1px #ddd solid; height:50px;}
.loginform .hd h3 {display: inline; font: 400 20px/50px '微软雅黑','黑体';}
.loginform .bd{ padding:20px 45px; border-bottom:1px #e9e9e9 solid;}
.loginform .bd .item{ padding:12px 10px 12px 0; overflow:hidden; zoom:1; line-height: 24px;}
.loginform .bd .item .lab{ display: inline-block; margin-right:10px;float: left; width: 60px; text-align: right; }
.loginform .bd .item input,
.loginform .bd .item select{ vertical-align: middle;}
.loginform .bd .txt{ padding: 4px; width: 150px; height: 18px; line-height: 18px; border: 1px solid #ccc; border-color: #aaa #d5d5d5 #d5d5d5 #aaa;}
.loginform .bd .txt:hover{border: 1px solid #2bb4d6;}
.loginform .bd .btn{ padding: 15px 0 15px 70px;}
.loginform .btn-submit{ width:89px; height:30px; font-size: 14px; color: #fff; background:url(../images/btn.jpg) no-repeat; border:none; font-weight:bold;}


/** paging **/
.paging { float:right; padding:20px 0;}
.paging a,
.paging span { float:left; display:inline-block; height:25px; margin-left:3px; padding:0 8px; border:1px solid #C4DBE3; background:#F0F5F5; color:#08c; line-height:25px; text-align:center; border-radius:2px;}
.paging a:hover { background:#D3E5ED; text-decoration:none;}
.paging .cur { border-color:#06c; background:#08c; color:#fff;}
.paging .unuse { border-color:#ddd; background:#f2f2f2; color:#999;}
.paging span { border-color:#fff; background:#fff; color:#999;}

/** dialog **/
.ui-dialog { position:absolute; background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.5);}
.ui-dialog-titlebar { position:relative; padding-left:10px; border-left:5px solid #555; background:#0066CC; height:40px;}
.ui-dialog-title { color:#fff; font:16px/40px "\5FAE\8F6F\96C5\9ED1","\9ED1\4F53";} 
.ui-dialog-titlebar-close { position:absolute; top:0px; right:0; display:block; width:40px; height:40px; overflow:hidden; background:#444 url(../image/sprite_frame.png) no-repeat 0 -140px; color:#999; text-align:center; line-height:40px; cursor:pointer;}
.ui-dialog-titlebar-close:hover { background-color:#555; background-position:-40px -140px; color:#fff; text-decoration:none;}
.ui-draggable .ui-dialog-titlebar { cursor:move;}
.ui-dialog-buttonpane { border-top:1px dotted #ddd; background:#f2f2f2; text-align:right;}
.ui-dialog-buttonset { padding:10px 20px;}
.ui-dialog-buttonset .ui-button { width:90px; height:30px; border:0; background:#f80; color:#fff; font:14px/30px "\5FAE\8F6F\96C5\9ED1", Arial, "\5B8B\4F53"; line-height:30px; cursor:pointer;}
.ui-dialog-buttonset .ui-state-hover { background:#f60;}
.ui-widget-overlay { position:absolute; top:0; left:0; background:#333 url(../images/bg_mask.png) repeat left top; opacity:.5; filter:Alpha(Opacity=50);}

/* --------------------
		datepicker
-------------------- */
.date, .datetime, .datefrom, .dateto, .timefrom, .timeto { background:#fff url(../images/icon-calendar.png) right 3px no-repeat; cursor:pointer;}
.ui-datepicker-cover { display:none;}
.ui-datepicker { display:none; background:#fff; border:1px solid #b3cbe4; border-radius:2px; box-shadow:1px 1px 2px rgba(0,0,0,0.2);}
.ui-datepicker-header { position:relative; padding:5px; background:#d5e5f6; text-align:center;}
.ui-datepicker-header a { cursor:pointer;}
.ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker-header .ui-datepicker-next { position:absolute; top:9px; left:0; display:block; width:0; height:0; font-size:0; line-height:0; border:6px solid #d5e5f6; border-right:6px solid #333;}
.ui-datepicker-header .ui-datepicker-next { left:auto; right:0; border-color:#d5e5f6 #d5e5f6 #d5e5f6 #333;}
.ui-datepicker-calendar { border-bottom:1px solid #ddd;}
.ui-datepicker-calendar th { position:relative; width:30x; height:20px; border-bottom:1px solid #b3cbe4; background:#d5e5f6; line-height:20px; text-align:center;}
.ui-datepicker-calendar td { font-family:"Tahoma", "Geneva", "sans-serif"; text-align:center;}
.ui-datepicker-calendar td a,
.ui-datepicker-calendar td span { display:block; width:28px; height:28px; border:1px solid #fff; color:#404040; line-height:28px; border-radius:3px;}
.ui-datepicker-calendar .ui-datepicker-week-end a { color:#c00;}
.ui-datepicker-calendar .ui-datepicker-other-month a { color:#999;}
.ui-datepicker-calendar .ui-datepicker-unselectable span { color:#ddd;}
.ui-datepicker-calendar td a.ui-state-highlight { background:#d5e5f6;}
.ui-datepicker-calendar td a.curr { background:#900; color:#fff; font-weight:bold;}
.ui-datepicker-calendar td a.ui-state-disabled { color:#999;}
.ui-datepicker-calendar td a.ui-state-hover { background:#08c; color:#fff; text-decoration:none;}
.ui-datepicker-buttonpane { padding:5px; background:#d5e5f6; border-top:1px solid #b3cbe4; text-align:right;}
.ui-datepicker-buttonpane button { padding:0 5px; border:1px solid #f2f2f2; background:#08c; color:#fff; cursor:pointer; vertical-align:middle; border-radius:3px;}
.ui-datepicker-buttonpane .ui-datepicker-current { margin-right:5px;}
/** js time picker **/
.ui-timepicker-div { padding:10px; width:190px;}
.ui-timepicker-div dt { padding-right:2px; height:18px; color:#999; font-family:"\5FAE\8F6F\96C5\9ED1"; line-height:18px; text-align:right;}
.ui_tpicker_time_label { display:none;}
.ui_tpicker_time { width:70px; height:40px; background:#d5e5f6; font:normal 24px/40px  "Tahoma", "Geneva", "sans-serif"; text-align:center; border-radius:3px;}
.ui_tpicker_hour_label { margin-top:-40px;}
.ui_tpicker_hour { margin:-18px 18px 0 75px;}
.ui_tpicker_minute_label { margin-top:4px;}
.ui_tpicker_minute { margin:-18px 18px 0 75px;}
.ui-timepicker-div .ui-slider { position:relative; background:#e5e5e5; height:18px; cursor:pointer; border-radius:9px; box-shadow:inset 0 1px 3px #ccc;}
.ui-timepicker-div .ui-slider-handle { position:absolute; top:0; left:0; z-index:2; width:16px; height:16px; overflow:hidden; border:1px solid #333; background:#666; cursor:e-resize; border-radius:9px;}
.ui-timepicker-div .ui-state-focus { border-color:#600; background-color:#a00;}
.ui-timepicker-div .ui-state-hover { border-color:#069; background-color:#08c;}

/* --------------
   *  Tag Plugin  *
* ------------ */
.tagit{ display:block; height:60px; width:600px; border:1px solid #ccc; background:#fff;}
.tagit li{ float: left; display:inline-block; margin:5px 2px 0 3px; padding:0 4px; white-space: nowrap;}
.tagit .tagit-choice{background:#28c; color:#fff; cursor:pointer;}
.tagit .tagit-choice:hover{background:#4B8BE7;}
.tagit .tagit-choic span{line-height: 22px; }
.tagit .tagit-choice a{ margin:0 0 0 4px; }
.tagit .tagit-choice a:hover{ text-decoration:none;}
.tagit .tagit-choice .text-icon{color:#404040; font-family: arial,sans-serif; font-size: 16px;}
.tagit input{ line-height:22px; background:#fff; border:1px solid #fff;}


/** progressbar **/
.ui-progressbar {height: 2em;text-align: left; border-radius: 3px; border: 1px solid #aaa; background: #fff; overflow: hidden;}
.ui-progressbar .ui-progressbar-value {	margin: -1px;height: 100%; border: 1px solid #aaa; background: #ccc;}
.ui-progressbar .ui-progressbar-overlay {background: #999;height: 100%;filter: alpha(opacity=25);opacity: 0.25;}
.ui-progressbar-indeterminate .ui-progressbar-value {background-image: none;}

/** slider **/
.progress .ui-slider { position: relative; text-align: left; border-radius: 3px; border: 1px solid #aaa; background: #fff;}
.progress .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default;background: #fff; border-radius: 3px; border: 1px solid #aaa;}
.progress .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.progress .ui-slider.ui-state-disabled .ui-slider-handle,
.progress .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; }
.progress .ui-slider-horizontal { height: .8em; }
.progress .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.progress .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; background: #ccc;}
.progress .ui-slider-horizontal .ui-slider-range-min { left: 0; }
.progress .ui-slider-horizontal .ui-slider-range-max { right: 0; }
.progress .ui-slider-vertical { width: .8em; height: 100px; }
.progress .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.progress .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.progress .ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.progress .ui-slider-vertical .ui-slider-range-max { top: 0; }